<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.apple {
				border: 1px solid;
				width: 500px;
				height: 600px;
				margin: 0 auto;
				transform-style: preserve-3d;
				perspective: 700px;
				background:red ;
			}
			
			.boy {
				border: 1px solid;
				width: 350px;
				height: 450px;
				margin: 0 auto;
				transform: rotateX(68deg) rotateY(28deg) rotateZ(8deg);
				
				box-shadow: 10px 10px 10px black;
			}
			
			.boy:hover {
				transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
				transition: all 1s;
				box-shadow: 5px 5px 10px gray ;
			}
		</style>
	</head>

	<body>
		<div class="apple">
			<div class="boy">
				<img src="../img/t2/06.png" width="350px" height="450px" />
			</div>
		</div>
	</body>

</html>